<style>
    .upload_files{margin-top: 0;}
    .upload_files th{background-color: #fafafa!important;border-color: #E4E4E4 !important;}
    .upload_files tbody tr .opt i{margin-left: 12px;cursor: pointer;}
    .upload_files tbody tr .opt .cha{color: #409EFF;font-size: 16px}
    .upload_files tbody tr .opt .shan{color: #F56C6C;font-size: 16px}
    .upload_files .table_show{padding-bottom: 10px}
    .upload_files .image_show{display: none}
    .upload_files .image_show .li{width: 100px;height: 120px;text-align: center;border: 1px solid #E4E4E4;cursor: pointer;
        position: relative;float: left;margin-right: 20px;margin-top: 20px;color: #E4E4E4}
    .upload_files .image_show .lilan{border: 1px solid #409EFF;color: #409EFF}
    .upload_files .image_show .li img{height: 100%;width: 100%}
    .upload_files .image_show .li .imgdiv{width: 98px;height: 90px}
    .upload_files .image_show .li .imgdiv i{font-size: 40px;margin-top: 30px;}
    .divkuai .tit .float-l{float: left;}
    .divkuai .tit .files_rightopt{text-align: right}
    .divkuai .tit .files_rightopt a{color: #999999;font-size: 18px;margin-left: 8px;cursor: pointer;}
    .divkuai .tit .files_rightopt a:hover{color: #409EFF}
    .upload_files .image_show .filetit{color: #777777;text-align: center;line-height: 30px;overflow: hidden;
        text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;}
    .upload_files .image_show .li .cheng{display: none}
    .upload_files .image_show .li .cheng .shan{color: #F56C6C;font-size: 25px;position: absolute;top: -15px;right: -16px}
    .upload_files .image_show .li .jia{font-size: 40px;}
    .upload_files_tbody td, th{font-size: 12px !important;padding: 9px 9px !important;}
    .upload_files_tbody td a{margin-right: 5px;cursor: pointer;}
    .upload_files .image_show .li .dea-ext{font-size: 35px;padding-top: 20px}
    .upload_files .image_show .addfilediv{clear: both}
</style>
<div class="divkuai" style="min-height: 200px;padding-bottom: 0">
    <div class="tit">
        <div class="float-l">
            <span class="minshu"></span><b class="upload-tits" style="color: rgb(80, 91, 99);">附件信息</b>
        </div>
        <div class="float-r files_rightopt">
            <a href="javascript:;" class="addfile upload_file_btn"><i class="fa fa-plus" title="上传附件"></i></a>
            <a href="javascript:;" class="tog_table colorlan"><i class="fa fa-list" title="切换表格"></i></a>
            <a href="javascript:;" class="tog_image"><i class="fa fa-th" title="切换视图"></i></a>
        </div>
        <div class="clear"></div>
    </div>
<!--    <div style="border-bottom: 1px solid #CECDCD"></div>-->
    <div class="upload_files">
        <div class="table_show">
            <table class="layui-table" style="width: 100%;margin: 0">
                <thead>
                <tr>
                    <th width="60">序号</th>
                    <th width="200">文件名称</th>
                    <th>说明</th>
                    <th width="100">文件大小</th>
                    <th width="150">上传时间</th>
                    <th width="100">上传人</th>
                    <th width="120">操作</th>
                </tr>
                </thead>
                <tbody class="upload_files_tbody">
                </tbody>
            </table>
        </div>


        <div class="image_show">
            <div class="li addfilediv">
                <div class="imgdiv upload_file_btn">
                    <i class="fa fa-plus jia"></i>
                </div>
                <div class="filetit">添加附件</div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

<script>
    if(typeof(viewerObj) === "undefined" || typeof(viewerObj) === undefined || viewerObj == null){
        var viewerObj = [];
    }
</script>





